// 服务端渲染
// 也叫后端渲染，前端代码就是在后端项目里面的
// 前后端是同一个项目


const express = require('express');

// ejs模板引擎就是一个允许我们使用变量的html文件
// 需要安装 cnpm i ejs -S
// 需要将所有的html的文件，换成ejs后缀的文件
const ejs = require("ejs");

const app = express();
// 我们的项目打算使用ejs模板引擎
app.set("view engine", "ejs");
// 我们打算将所有的视图文件放到views下面
app.set("views", __dirname + "/views");

// 将public文件夹作为项目的静态资源文件夹
app.use(express.static('public'));




app.get('/', (req, res) => {
  // res.sendFile(__dirname + "/views/index.html")

  // 当用户输入的路径是"/", 渲染views文件夹下的index.ejs
  // 不需要写完整的路径，上面已经规定了页面要放在views文件夹下
  // .ejs后缀是可以省略的

  // 还允许接受第二个参数,就是要传递的变量

  // data对象现在是写死的
  // 可以在这里去连接和访问数据库
  // 那么就可以在这里拿到数据库里面的newsList列表
  const data = {
    title: "腾讯新闻123",
    newsList: [
      {
        id: 1,
        content: "习近平在国家勋章颁授仪式上发表重要讲话"
      },
      {
        id: 2,
        content: "王毅：中国必将实现完全统一"
      },
      {
        id: 3,
        content: "中东的战争规则变了"
      },
      {
        id: 4,
        content: "为了可爱的中国丨天地英雄气"
      }
    ]
  }
  res.render("index.ejs", data)
})

app.get('/login', (req, res) => {
  // res.sendFile(__dirname + "/views/login.html")
  res.render("login")
})

app.get('/detail', (req, res) => {
  // res.sendFile(__dirname + "/views/detail.html")
  res.render("detail")
})

app.listen(3000);